<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>base64</title>
  </head>
  <body>
    <!-- 
        Base64图片是把图片字符序列化(二进制字符串),即把图片的传输转换成了文字的传输,
        这样就有效的减少了请求资源的次数,提高了页面的响应速度.

        如何获取自己图片的base64转码?
        https://c.runoob.com/front-end/59/

        缺点:
        1.转换的字符串非常庞大,而且图片越大,字符串越庞大,字符串的存储空间可能超越原始图片的存储空间
        2.页面上使用base64后,可读性较差

        实际开发中如何使用base64?
        只有超小型图片才推荐使用base64,而且base64也不推荐大量使用!
     -->
    <img
      src=""
    />

    <img
      src=""
    />
  </body>
</html>
